.main {
  .logo-con {
    padding: 8px;
    background: #fff;
    height: 60px;
    border-bottom: 1px solid #c3c3c3;

    img {
      height: 44px;
    }
  }

  .ivu-layout-header {
    height: 60px;
  }

  .header-con {
    background: #fff;
    padding: 0 0;
    border-bottom: 1px #c3c3c3 solid;
    width: 100%;
  }

  .main-layout-con {
    height: 100%;
    overflow: hidden;
  }

  .main-content-con {
    height: ~"calc(100% - 60px)";
    overflow: hidden;
  }

  .tag-nav-wrapper {
    padding: 0;
    height: 30px;
    background: #F0F0F0;
  }

  .content-wrapper {
    padding: 10px;
    height: ~"calc(100% - 80px)";
    background: #FCFCFC;
    overflow: auto;
  }

  .left-sider {
    background-color: #fff !important;
  }

  .left-sider /deep/ .ivu-layout-sider-children {
    overflow-y: scroll;
    margin-right: -18px;
  }

  .left-sider /deep/ .ivu-menu-item > i {
    margin-right: 12px !important;
  }

  .left-sider /deep/ .ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {
    margin-right: 8px !important;
  }
}

// menuLocationClass  不同位置下特定的样式
.menuLocation_left {

}

.menuLocation_top {
  .header-bar {
    //max-width: 1600px;
    margin: auto;
    //height: 90px;
    padding: 0 15px;
    background-color: #fff;
  }

  .header-con {
    position: fixed;
    top: 0;
    border-bottom-color: transparent;
    z-index: 1001;
  }

  .ivu-layout-header {
    //height: auto;
    line-height: 30px;
  }

  .head_padding {
    height: 90px;
  }

  .main-content-con {
    height: calc(100% - 60px);
  }

  .topMenu {
    //position: absolute;
    //top: 0;
    //left: 230px;
    //height: 45px
  }

  .topMenuLogo {
    flex: 0 0 auto;
    margin-top: 5px;
    width: 210px;
    height: 45px;

    img {
      max-width: 100%;
      max-height: 100%;
      cursor: pointer;
    }
  }

  .custom-content-con-right {
    height: 60px;
    background-color: #fff;
    padding-right: 0;
    line-height: 60px;
  }

  .tag-nav-wrapper {
    height: 30px;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  }

  .tags-nav {
    //max-width: 1600px;
    //margin: auto;
  }

  .content-wrapper {
    //max-width: 1600px;
    //min-width: 900px;
    //margin: auto;
  }
}
